<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用 of 替代 in 作为分隔符</title>
<!--引入Vue库-->
<script src="vue.js"></script>
</head>
<body>	
<div id="app">
  <h3>{{ info }}</h3>
  <ul>
      <li v-for="(value , key,index) of books">
          {{ index+1 }} # {{ key }} : {{ value }}
      </li>
  </ul>
</div>
<script>
  var vm=new Vue({ 
      el: '#app', 
      data: {
          info: '图书详情',
          books: {
              图书名称: 'HTML5+CSS3移动Web开发实战' ,
              出版社: '人民邮电出版社' ,
              价格: 58.00 
           }
        }
      })
</script>
</body>
</html>
